<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{margin: 0;padding: 0;}
			html,body{
				width:100%;
				height:100%;

			}
				video{
						height: 100%;
						width: 100%;
				object-fit: cover;
	}
			.rrrrr{widows: 100%; height: 100%;}
			.aa1{width:100%; height:100%;"position: + relative;"}
			.noe{
				list-style:none;
				width:780px;height:75px;
				margin-top:-60px;
				margin-left:340px;
			}
			 /* .ry{
				width: 11rem;
				height: 4rem;
				border: 1px solid  #000000;
			} */
			
			li{float:left;width: 96px;height: 55px;text-align:center;line-height: 85px;color: white;}
			.niu{width: 96px;height: 150px;background: white;margin: 0 auto;list-style:none;border-radius:5px 5px;display: none;}
			.niu li{height: 50px;line-height: 50px;color: black;}
			.a1{height: 200px;}
			.www{position:absolute;left:1018px;top:30px;}
			.qqq{
				position: absolute;left: 630px;top:300px;
			}
			.aa{width:130px;height:48px;border-radius:250px 250px;}
			.y{position:absolute;left: 1011px;top:435px;box-shadow:1px  1px 1px 2px gray;}
			.y1{position:absolute;left:1170px;top:435px;box-shadow:1px  1px 1px 2px gray;}
			.y2{position:absolute;left:1325;top:435;box-shadow:1px  1px 1px 2px gray;}
			* #rrr{width:100%;height:1px;}
			#rrr1{
				width:1280px;height:1px;margin:0 auto;;position:absolute;top:586px;left:90px;
			}
			#rrr1 p{text-align:center; color:white;font-size:15px;} 
		</style>
	</head>
	<body>
		
		<div class="aa1">
			<div class="rrrrr">
				<video autoplay muted loop  src="img/5.mp4" type="video/mp4">
					
				</video>
			</div>
			<div  style=" position: absolute;left:300px ;top: 0;">
				<img src="img/logo_b7a2aca.png" alt="logo" style="width:108.5px;height:45px;margin-left:-212px;padding-top:15px;">
			<ul class="noe">
				<li>创作服务平台</li>	
				<li>开放平台</li>
				<li class="ru">系列产品
					<ul class="niu">
						<li>抖音火山版</li>
						<li><a href="http://127.0.0.1:8848/jq2/%E5%89%AA%E6%98%A0.html">剪映</a></li>
						<li>多闪</li>
					</ul>
				</li>
				<li class="ru">抖音直播
					<ul class="niu">
						<li>直播机构入驻</li>
						<li>直播伴侣下载</li>
						<li>购买抖币</li>
					</ul>	
				</li>
				<li class="ru">合作入驻
					<ul class="niu a1">
						<a href="http://127.0.0.1:8848/jq2/new_file.html"><li>MCN入驻</li></a>
						<li>抖音特效师</li>
						<li>抖音音乐人</li>
						<li><a href="http://127.0.0.1:8848/jq2/%E7%A4%BE%E4%BC%9A%E6%9C%BA%E6%9E%84%E5%85%A5%E9%A9%BB.html">社会机构入驻</a></li>
					</ul>
				</li>
				<li class="ru">企业合作             
					<ul class="niu">
						<li><a href="http://127.0.0.1:8848/jq2/%E4%BC%81%E4%B8%9A%E7%AE%A1%E7%90%86%E5%B9%B3%E5%8F%B0.html">企业服务平台</a></li>
						<li>企业认证</li>
						<li>广告投放</li> 
					</ul>
				</li>
				<li class="xxx1"><a href="https://www.douyin.com/aboutus/">联系我们</a></li>
			</ul>
			<img src="img/unmute_1bbc0c3.png" alt="logo"style="widows:22px;height:22px;"class="www">
			<img src="img/slogan_2_8d59f13.png" alt="logo"style="width:450px;height:80px;" class="qqq">
			</div>
		</div>
		<div class="ry">
			<a href="#"  class="aa" >
				<img src="img/appstore_548e83a.png"style="widows:142px;height:51px;border-radius:10px ;" class="y">
				<img src="img/android_d461475.png"style="widows:142px;height:51px;border-radius:10px ;" class="y1">
				<img src="img/QRcode_c129445.png"style="widows:51.29px;height:51.29;border-radius:10px ;" class="y2">
			</a>
			
		</div>
		<div id="rrr">
		<div id="rrr1">
			<p>| 用户服务协议 | 隐私政策 | 账号找回 |广告投放 | 营业执照 |</p>	
			<p>2020 © 抖音  | 京ICP备16016397号-3 | 北京微播视界科技有限公司 |  京B2-20170846</p>	
			<p>网络文化许可证-京网文-（2016）2282-264号 | 客户服务热线：400-992-2556 | 违法和不良信息举报：400-140-2108 | 举报邮箱：jubao@douyin.com</p>	
			<p>京公网安备 11010802023605号  |  地址 : 北京市海淀区知春路51号4层408 </p>	
		</div>
		</div>
		<script src="new_file.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			
				
				$(".ru").mousemove(function(){
					$(this).children("ul").show()
				})
				$(".ru").mouseleave(function(){
					$(this).children("ul").hide()
				})
			console.log($(".ru").children("ul"))
		</script>
	</body>
	
</html>